<template>
    <el-tabs v-model="activeName">
      <el-tab-pane label="发送信件" style="overflow: auto;height: calc(100vh - 200px);" name="sendEmail"><sendEmail v-if="activeName=='sendEmail'"/></el-tab-pane>
      <el-tab-pane label="收件箱" name="inbox"><inbox v-if="activeName=='inbox'"/></el-tab-pane>
      <el-tab-pane label="已发送" style="overflow: auto;height: calc(100vh - 200px);" name="sended"><sended v-if="activeName=='sended'"/></el-tab-pane>
      <el-tab-pane label="草稿箱" name="drafts"><drafts v-if="activeName=='drafts'"/></el-tab-pane>
      <!-- <el-tab-pane label="回收站" name="detes"><detes/></el-tab-pane> -->
    </el-tabs>
  </template>
  <script setup>
  import sendEmail from './sendEmail.vue'
  import inbox from './inbox.vue'
  import sended from './sended.vue'
  import drafts from './drafts.vue'
  import detes from './detes.vue'
const activeName = ref('inbox')
</script>
<style scoped lang="scss">
</style>